<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="/lib/axios.js"></script>
		<script src="/lib/vue.js"></script>
		<link rel="stylesheet" href="/lib/elementindex.css">
		<script src="/lib/elementindex.js"></script>
	</head>
	<body>
		<div id='dlgapp'></div>
		<div>
			<button onclick="oncreaterule()">create</button>
		</div>

	<script type='module'>
        import HcRuleCreationDialog from './hc-rule-creation-dialog.js'
		

			var dlg = new HcRuleCreationDialog({
				type: 'rule:scorecard',
				formdata: {
					name: '中国人们'
				},
				visible: false,
				confirmed: function(val) {
					console.warn(val)
				}
			}).then(function(val) {
				console.error(val)
			})

			dlg.show()
			dlg.vm.selectName()
							
			function oncreaterule() {
				dlg.show({
					formdata: {}
				});
			}
		</script>
	</body>
</html>
